<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich">

<ui:fragment>


	<rich:simpleTogglePanel switchType="ajax" opened="true" label="Dados da Conta" width="500">
		<h:panelGrid columns="2" width="500">
			<h:outputLabel value="Conta:" />
			<h:outputText value="#{contaBean.contaSelecionada.nome}" />
			<h:outputLabel value="Tipo:" />
			<h:outputText value="#{contaBean.contaSelecionada.tipo}" />
			<h:outputLabel value="Saldo da Conta:" />
			<h:outputText value="#{contaBean.contaSelecionada.saldo}">
				<f:convertNumber type="currency" locale="pt_BR" currencySymbol="R$" />
			</h:outputText>
			<h:outputLabel value="Número de Sócios"/>
			<h:outputText value="#{contaBean.numSocios}" />
		</h:panelGrid>
	</rich:simpleTogglePanel>

	<rich:separator height="5"></rich:separator>
		<rich:dataTable style="text-align:center;" id="tblSocios" value="#{contaBean.listSociosConta}" var="socios" rendered="#{!empty contaBean.listSociosConta}" binding="#{socioBean.tblSocios}" width="100%">
			<f:facet name="header">
				<rich:columnGroup>
					<rich:column colspan="8">
						<h:outputText value="Lista de Sócios" />
					</rich:column>
					<rich:column breakBefore="true">
						<h:outputText value="Nome" />
					</rich:column>
					<rich:column>
						<h:outputText value="Email" />
					</rich:column>
					<rich:column>
						<h:outputText value="Telefone" />
					</rich:column>
					<rich:column>
						<h:outputText value="Endereco" />
					</rich:column>
					<rich:column>
						<h:outputText value="Ações" />
					</rich:column>
				</rich:columnGroup>
			</f:facet>
			<rich:column>
				<h:outputText value="#{socios.nome}" />
			</rich:column>
			<rich:column>
				<h:outputText value="#{socios.email}" />
			</rich:column>
			<rich:column>
				<h:outputText value="#{socios.telefone}" />
			</rich:column>
			<rich:column>
				<h:outputText value="#{socios.endereco}" />
			</rich:column>
			<rich:column>
				<h:panelGrid columns="2" cellpadding="5">
					<a4j:commandLink ajaxSingle="true" action="#{socioBean.delete}" reRender="tblSocios">
						<h:graphicImage border="0" value="/imagens/delete.png" />
						<h:outputText value="Excluir" />
					</a4j:commandLink>

					<a4j:commandLink ajaxSingle="true"	action="#{socioBean.edicaoSocio}">
						<h:graphicImage border="0" value="/imagens/edit.png" />
						<h:outputText value="Alterar" />
					</a4j:commandLink>
				</h:panelGrid>
			</rich:column>
		</rich:dataTable>
		<h:panelGrid width="100%">
			<rich:dataTable style="text-align:center;" value="#{contaBean.pagamentosFazer}" var="pagamentos" id="tblPagamentos"  width="100%" rendered="#{!empty contaBean.pagamentosFazer or contaBean.pagamentosFazer == null }">
				<f:facet name="header">
				<rich:columnGroup>
					<rich:column colspan="8">
						<h:outputText value="Pagamentos a Fazer" />
					</rich:column>
					<rich:column breakBefore="true">
						<h:outputText value="Faltam" />
					</rich:column>
					<rich:column>
						<h:outputText value="Título" />
					</rich:column>
					<rich:column>
						<h:outputText value="Valor" />
					</rich:column>
					<rich:column>
						<h:outputText value="Data Pagamento" />
					</rich:column>
				</rich:columnGroup>
				</f:facet>
				
				<rich:column>
					<h:outputText value="#{pagamentos.dias} dias" />
				</rich:column>
				<rich:column>
					<h:outputText value="#{pagamentos.transacao.titulo} " />
				</rich:column>
				<rich:column>
					<h:outputText value="#{pagamentos.transacao.valor}" >
						<f:convertNumber currencySymbol="R$" locale="pt_BR" type="currency"/>
					</h:outputText>
				</rich:column>
				<rich:column>
					<h:outputText value="#{pagamentos.transacao.data} ">
						<f:convertDateTime locale="pt_BR" pattern="dd/MM/yyyy"/>
					</h:outputText>
				</rich:column>
				
			</rich:dataTable>
		
		</h:panelGrid>
				<h:panelGrid width="100%">
			<rich:dataTable style="text-align:center;" value="#{contaBean.lancamentosFuturos}" var="lancamentos" id="tblLancamentos"  width="100%" rendered="#{!empty contaBean.lancamentosFuturos or contaBean.lancamentosFuturos == null }">
				<f:facet name="header">
				<rich:columnGroup>
					<rich:column colspan="8">
						<h:outputText value="Pagamentos a Receber" />
					</rich:column>
					<rich:column breakBefore="true">
						<h:outputText value="Faltam" />
					</rich:column>
					<rich:column>
						<h:outputText value="Título" />
					</rich:column>
					<rich:column>
						<h:outputText value="Valor" />
					</rich:column>
					<rich:column>
						<h:outputText value="Data Pagamento" />
					</rich:column>
				</rich:columnGroup>
				</f:facet>
				
				<rich:column>
					<h:outputText value="#{lancamentos.dias} dias" />
				</rich:column>
				<rich:column>
					<h:outputText value="#{lancamentos.transacao.titulo} " />
				</rich:column>
				<rich:column>
					<h:outputText value="#{lancamentos.transacao.valor}" >
						<f:convertNumber currencySymbol="R$" locale="pt_BR" type="currency"/>
					</h:outputText>
				</rich:column>
				<rich:column>
					<h:outputText value="#{lancamentos.transacao.data} ">
						<f:convertDateTime locale="pt_BR" pattern="dd/MM/yyyy"/>
					</h:outputText>
				</rich:column>
				
			</rich:dataTable>
		
		</h:panelGrid>
	<h:outputText value="Não existem sócios nessa conta." rendered="#{empty contaBean.listSociosConta}" />
</ui:fragment>

</html>